<template>
	<view class="container">
		<view class="mingxi" @click="mingxi">明细</view>
		<view class="topbox">
			<p class="title1">成为研学推广代理邀请好友</p>
			<p class="title2">领取专属裂变佣金</p>
			<p class="title3">好友招募成功即可获得</p>
		</view>
		<view class="contentbox">
			<view class="ctitle">当前裂变佣金</view>
			<view class="cnum">{{ dataObj.nowMoney }} <text> 元</text> </view>
			<view class="btnbox" @click="toWithd">提现</view>
		</view>
	</view>
</template>

<script>
import { getInviteInfo } from '@/api/yanxue/user'
export default {
	data() {
		return {
			dataObj: {}
		}
	},
	created() {
		this.getData()
	},
	methods: {
		mingxi() {
			this.$navTo('pagesA/mine/commission/billlist?nowmoney=' + this.dataObj.nowMoney)
		},
		getData() {
			getInviteInfo().then(res => {
				this.dataObj = res.result
			})
		},
		toWithd() {
			this.$navTo('pagesA/mine/commission/withdrawal')
		}
	}
}
</script>

<style lang="scss">
.mingxi {
	text-align: right;
	padding-right: 24rpx;
	margin-top: 20rpx;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 36rpx;
	color: #000000;
}
.topbox {
	height: 304rpx;
	width: 750rpx;
	background-image: url('https://zrws-1327345771.cos.ap-shanghai.myqcloud.com/images/17344868892778LyRkQb6QMnb4110b718e683315ca975731a7493e8e8.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 60rpx 0 0 60rpx;
	.title1 {
		font-family: HarmonyOS Sans SC;
		font-weight: 400;
		font-size: 36rpx;
		color: #000000;
	}
	.title2 {
		font-family: HarmonyOS Sans SC;
		font-weight: 500;
		font-size: 61rpx;
		color: #000000;
		margin-top: 10rpx;
	}
	.title3 {
		width: 298rpx;
		height: 56rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 27rpx;
		border: 2px solid #000000;
		font-family: HarmonyOS Sans SC;
		font-weight: 400;
		font-size: 25rpx;
		color: #000000;
		margin-top: 20rpx;
	}
}
.contentbox {
	width: 702rpx;
	height: 308rpx;
	background: #ffffff;
	box-shadow: -4rpx 0rpx 19rpx 1rpx rgba(52, 52, 52, 0.15);
	border-radius: 48rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 26rpx;
	margin: 0 auto;
	.ctitle {
		font-family: HarmonyOS Sans SC;
		font-weight: bold;
		font-size: 29rpx;
		color: #000000;
	}
	.cnum {
		font-family: HarmonyOS Sans SC;
		font-weight: bold;
		font-size: 90rpx;
		color: #000000;
		font-style: italic;
		margin-top: 16rpx;
		text {
			font-size: 32rpx;
			font-style: normal;
			margin-left: 10rpx;
		}
	}
	.btnbox {
		width: 169rpx;
		height: 64rpx;
		line-height: 64rpx;
		text-align: center;
		background: #f95513;
		border-radius: 32rpx;
		font-family: HarmonyOS Sans SC;
		font-weight: 500;
		font-size: 37rpx;
		color: #ffffff;
		margin-top: 20rpx;
	}
}
</style>
